<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="app">
      <!-- 级联选择器
        el-cascader
           v-model
           options:[
           {
               xxx:"文本内容",
               value:"先中该项的值",
               children:[
               {
                   xxx:"子集1",
                   value:"子集1的值",
                   children:[]
               }
               ]
           }
           ]
          props:{
              label:'xxx',
              value:'value',
              children:'children'
          }        
    
    
    -->
      <h3>{{selectValue}}</h3>
      <el-cascader
        v-model="selectValue"
        :options="options"
        :props="{label:'xxx',value:'xxx'}"
      >
      </el-cascader>
    </div>
    <script src="./vue.js"></script>
    <link rel="stylesheet" href="./ele.css" />
    <script src="./index.js"></script>
    <script>
      new Vue({
        el: "#app",
        data: {
          selectValue: [],
          options: [
            {
              xxx: "文本内容",
              value: "选中该项的值",
              children: [
                {
                  xxx: "子集1",
                  value: "子集1的值",
                },
                {
                  xxx: "子集2",
                  value: "子集2的值",
                },
              ],
            },
          ],
        },
      });
    </script>
  </body>
</html>
